<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="UTF-8">
		<title>搜索首页</title>
		<link rel="stylesheet" type="text/css"  th:href="@{/dist/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/css/index.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/animate.css}" />
	</head>

	<body>
		<!--导航部分  begin-->
		<div th:replace="common/bookAll::header"></div>
		<!--导航部分 end-->

		<!--最顶端轮播图片 begin-->
		<div th:replace="common/bookAll::carousel"></div>
		<!--最顶端轮播图片 end-->

		<!--图书内容部分 begin-->
		<div class="container">
			<!--精选图书 begin-->
			<div>
				<div class="row">
					<div class="container">
						<div class="col-sm-6 col-md-3" th:each="book:${bookList}">
							<div class="thumbnail">
								<a th:href="@{/book/detail(id=${book.id})}" href="details.html"><img th:src="@{'/images/' + ${book.imgUrl}}" alt="通用的占位符缩略图"></a>
								<div class="caption">
									<h3 th:classappend="h3-height" th:text="${book.name}">北纬78°</h3>
									<p th:classappend="p-height">价格:<span th:text="${book.newPrice}">19.5</span>元&nbsp;&nbsp;作者:<span th:text="${book.author}">陈丹燕</span>&nbsp;&nbsp;</p>
									<p>
										<a th:href="@{/book/detail(id=${book.id})}" href="details.html">
											更多信息
										</a>
									</p>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--精选图书 end-->
			<hr>
			<!--首页底部信息 begin-->
			<div th:replace="common/bookAll::footer"></div>
		</div>
		<!--首页底部信息end-->
		<!--图书内容部分end-->

		<!-- 登录模态框（Modal） -->
		<!-- 注册模态框-->
		<div th:replace="common/bookModal::bookModal"></div>
		
		<script th:src="@{/dist/js/jquery.min.js}"></script>
		<script th:src="@{/js/carousel.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/dist/js/bootstrap.min.js}"></script>
		<script th:src="@{/js/wow.js}"></script>
		<script th:src="@{/js/login_reg.js}"></script>
		<script th:src="@{/js/sweetalert.min.js}"></script>
	</body>

</html>